<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../css/bootstrap-3.3.7-dist/css/bootstrap.min.css" charset="UTF-8" media="screen" />
		<link rel="stylesheet" href="../../bootstrap-datepicker/bootstrap-datetimepicker.min.css" charset="UTF-8" media="screen" />
		<link rel="stylesheet" href="../../css/font-awesome.css" charset="UTF-8" />
		<link rel="stylesheet" href="../../css/font-awesome.min.css" charset="UTF-8" />
		<link rel="stylesheet" href="../../css/icono.imn.css" charset="UTF-8" />
		<link rel="stylesheet" href="../../css/page/editPage.css" charset="UTF-8" />
	</head>

	<body>
		<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
			<div class="modal-dialog" role="document" style="margin-top: 100px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="exampleModalLabel" style="text-align: center;">登录</h4>
					</div>
					<ul class="nav nav-pills nav-justified" role="tablist">
						<li role="presentation" class="active">
							<a href="#hetao" aria-controls="hetao" role="tab" data-toggle="tab">核桃登录</a>
						</li>
						<li role="presentation">
							<a href="#qzone" aria-controls="qzone" role="tab" data-toggle="tab">QQ登录</a>
						</li>
						<li role="presentation">
							<a href="#wechat" aria-controls="wechat" role="tab" data-toggle="tab">微信登录</a>
						</li>
					</ul>
					<!-- Tab panes -->
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="hetao">
							<div class="modal-body">
								<form class="form-horizontal">
									<div class="form-group">
										<label for="sinputCount" class="col-sm-2 control-label">账号:</label>
										<div class="col-sm-10">
											<input type="text" class="form-control" id="sinputCount" placeholder="count">
										</div>
									</div>
									<div class="form-group">
										<label for="sinputPassword" class="col-sm-2 control-label">密码:</label>
										<div class="col-sm-10">
											<input type="password" class="form-control" id="sinputPassword" placeholder="Password">
										</div>
									</div>
									<div class="form-group">
										<label for="sidentifyingCode" class="col-sm-2 control-label">验证码:</label>
										<div class="col-sm-10">
											<input type="text" class="form-control" id="sidentifyingCode" placeholder="identifyingCode">
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword" class="col-sm-2 control-label"></label>
										<div class="col-sm-10">
											<img src="../../img/App.jpg" class="img-responsive" alt="Responsive image" width="100" style="display: inline-block;">
											<span style="position: relative;top: 20px;left: 20px;cursor: pointer;font-size: 14px;">换一个</span>
										</div>
									</div>
								</form>
							</div>
							<div class="modal-footer" style="text-align: center;">
								<button type="button" class="btn btn-primary" style="width: 150px;" onclick="login()">登录</button>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane" id="qzone">
							<div class="modal-body">
								<form class="form-horizontal">
									<div class="form-group">
										<label for="inputCount" class="col-sm-2 control-label">账号:</label>
										<div class="col-sm-10">
											<input type="text" class="form-control" id="inputCount" placeholder="count">
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword" class="col-sm-2 control-label">密码:</label>
										<div class="col-sm-10">
											<input type="password" class="form-control" id="inputPassword" placeholder="Password">
										</div>
									</div>
									<div class="form-group">
										<label for="identifyingCode" class="col-sm-2 control-label">验证码:</label>
										<div class="col-sm-10">
											<input type="text" class="form-control" id="identifyingCode" placeholder="identifyingCode">
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword" class="col-sm-2 control-label"></label>
										<div class="col-sm-10">
											<img src="../../img/App.jpg" class="img-responsive" alt="Responsive image" width="100" style="display: inline-block;">
											<span style="position: relative;top: 20px;left: 20px;cursor: pointer;font-size: 14px;">换一个</span>
										</div>
									</div>
								</form>
							</div>
							<div class="modal-footer" style="text-align: center;">
								<button type="button" class="btn btn-primary" style="width: 150px;">登录</button>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane" id="wechat">
							<div class="modal-body">
								<img src="../../img/App.jpg" class="img-responsive" alt="Responsive image" style="margin: 0px auto;">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div style="position: relative;min-height: 100%;">
			<div class="head">
				<div class="titleContainerI">
					<div class="topNav">
						<div class="topNavCenter">
							<div class="topNavLogo">
								<a href="http://127.0.0.1/%E4%B8%AD%E5%9B%BD%E5%A4%A7%E5%AD%A6MOOC/index.html?__hbt=1551237375201" target="_self">
									<img src="../../img/huasaidashuju.png" style="height: 100%;width: auto;">
									<!--width="190" height="28"-->
								</a>
							</div>
							<div class="topNavCourse">
								<a href="#" target="_blank">
									<span>课程</span>
								</a>
							</div>
							<div class="topNavCourse">
								<a href="#" target="_blank">
									<span>名校</span>
								</a>
							</div>
							<div class="topNavDiscuss">
								<a href="#" target="_blank">
									<span>2020考研</span>
								</a>
							</div>
							<div class="topNavCourse" style="width: 48px;">
								<a href="#" target="_blank">
									<span>学校云</span>
								</a>
							</div>
							<div class="topNavDiscuss">
								<a href="#" target="_blank">
									<span>名师专栏</span>
								</a>
							</div>
							<div class="topNavRightPart">
								<img class="phone" src="../../img/白手机.png" style="top: 3px;float:left;" />
								<span id="client_2" class="client_2" style="color: white;margin-top: 4px;float:left;">客户端</span>
								<div class="topNavSelect">
									<div class="topNavSelectI">
										<div class="topSelect">
											<div class="topSelectI">
												<input placeholder="搜索感兴趣的课程" style="border: none;" />
											</div>
										</div>
										<img style="width: 36px;height: 30px;display: inline-block;cursor: pointer;" src="../../img/搜索.jpg">
									</div>
								</div>
								<div class="topNavLogin" id="navBeforeLogin">
									<div class="topNavLoginI">
										<span data-toggle="modal" data-target="#exampleModal">
											登录 | 注册
										</span>
									</div>
								</div>
								<i id="navAfterLogin" style="display: none;">
									<div class="navLoginBox">
										<div class="navLinks">
											<div class="navlogin">
												<div class="navLoginHeadImgBox">
													<div class="navHeadimg">
														<a>
															<img id="my-img" src="../../img/zhenjing.jpg" width="30" height="30" alt="zhenjing" style="margin: 0 3px;border-radius: 50%;">
														</a>
													</div>
													<div class="navAfterLoginBox" style="display: none;">
														<div class="e-hover-arrow"></div>
														<div class="e-hover-arrow-border"></div>
														<ul class="set">
															<li class="text" style="text-align: center;"><span class="f-fc9">正使用“微信”帐号登录</span></li>
															<li class="j-cert-card" style="">
																<a class="f-fc6" href="/home.htm?userId=1385377139#/home/mycert" target="_blank">我的认证证书</a>
															</li>
															<li class="j-coupons">
																<a class="f-fc6" href="/user/myCoupons.htm" target="_blank">我的优惠券</a>
															</li>
															<li>
																<a class="f-fc6" href="/user/setting/personInfoEdit.htm" target="_blank">设置</a>
															</li>
															<li class="exit" onclick="quit()">
																<span class="f-fc6">退出</span>
															</li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="navLoginMyCourse">
										<div class="navLoginMyCourseContainer">
											<a><span>个人中心</span></a>
										</div>
									</div>
								</i>
							</div>
							<div class="dialog_border_2" id="dialog_border_2">
								<img src="../../img/App.jpg" style="width: 100%;height: auto;" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<div style="height: 30px;width: 960px;"></div>
			<div style="background-color: white;width: 960px;margin: 0px auto;">
				<div>
					<!-- Nav tabs -->
					<ul class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active">
							<a class="selectTag" href="#home" aria-controls="home" role="tab" data-toggle="tab">资料设置</a>
						</li>
						<li role="presentation">
							<a class="selectTag" href="#profile" aria-controls="profile" role="tab" data-toggle="tab">账号设置</a>
						</li>
						<!--<li role="presentation">
							<a class="selectTag" href="#messages" aria-controls="messages" role="tab" data-toggle="tab">邮件设置</a>
						</li>-->
					</ul>
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="home">
							<div class="f-f0 f-fc9 tipinfo">绝不会以任何形式向第三方透漏你的身份信息</div>
							<div class="input-row-wrapper">
								<div class="editHeadImg">
									<div class="input-row-left"><label style="font-size: 14px;">头像</label></div>
									<div class="input-row-right adjust-upward">
										<a class="profile-image-upload">
											<img id="showHeadImg" class="profile-image" src="http://edu-image.nosdn.127.net/D7624E281935CE7D98EFBF84139686C8.jpg?imageView&amp;thumbnail=180y180&amp;quality=100" alt="个人头像">
											<!--Regular if2-->
											<input accept="image/*" id="changeHeadImg" type="file" style="display: none;" onchange="setHeadImg()" />
											<div class="profile-image-upload-btn"><span onclick="changeHeadImg.click()">编辑头像</span></div>
										</a>
									</div>
								</div>
							</div>
							<div class="input-row-wrapper">
								<div class="editNickname">
									<div class="input-row-left"><label class="NotNull" style="font-size: 14px;">昵称</label></div>
									<div class="input-row-right adjust-upward" style="margin-top: 0px;">
										<div class="f-dn" style="height: 34px;width: 800px;">
											<input type="text" class="form-control" id="nickname" placeholder="昵称" style="width: 400px;display: inline-block;margin-right: 20px;">
											<button onclick="saveChange()" type="button" class="btn btn-info button">保存</button>
											<button onclick="cancelChange()" type="button" class="btn btn-warning button">取消</button>
										</div>
										<div id="oldNickname" class="email-verify-email anim-opacity2" style="height: 34px;width: 800px;">
											<span>Son of Sparda</span>
											<span><a id="nicknamePosition" onclick="changeCourseMessage(this.id)">修改昵称</a></span>
										</div>
									</div>
								</div>
							</div>
							<div class="input-row-wrapper">
								<div class="editEmail">
									<div class="input-row-left"><label class="NotNull" style="font-size: 14px;">邮箱</label></div>
									<div class="input-row-right adjust-upward" style="margin-top: 0px;">
										<div id="emailInput" class="f-dn" style="height: 34px;width: 800px;">
											<input type="text" class="form-control anim-opacity2" id="email" placeholder="邮箱" style="width: 400px;display: inline-block;margin-right: 20px;">
											<button onclick="saveChange()" type="button" class="btn btn-info button">保存</button>
											<button onclick="cancelChange()" type="button" class="btn btn-warning button">取消</button>
										</div>
										<div id="oldEmail" class="email-verify-email anim-opacity2" style="height: 34px;width: 800px;">
											<span>15244122039@163.com</span>
											<span class="f-fc9">已验证</span>
											<span><a id="emailPosition" onclick="changeCourseMessage(this.id)">修改邮箱</a></span>
										</div>
										<div class="f-fc9 paddingtb10px" style="margin-top: 5px;">用于接收课程通知与电子证书。</div>
									</div>
								</div>
							</div>
							<div class="input-row-wrapper">
								<div class="editPhoneNumber">
									<div class="input-row-left"><label class="NotNull" style="font-size: 14px;">手机</label></div>
									<div class="input-row-right adjust-upward" style="margin-top: 0px;">
										<div id="phoneNumberInput" class="f-dn anim-opacity2" style="height: 34px;width: 800px;">
											<input type="text" class="form-control" id="phoneNumber" placeholder="手机" style="width: 400px;display: inline-block;margin-right: 20px;">
											<button onclick="saveChange()" type="button" class="btn btn-info button">保存</button>
											<button onclick="cancelChange()" type="button" class="btn btn-warning button">取消</button>
										</div>
										<div id="oldPhoneNnumber" class="email-verify-email anim-opacity2" style="height: 34px;width: 800px;">
											<span>15244122039</span>
											<span><a id="phoneNumberPosition" onclick="changeCourseMessage(this.id)">修改手机</a></span>
										</div>
										<div class="f-fc9 paddingtb10px" style="margin-top: 5px;">用于优质内容推荐及活动提醒，该信息不会对外公开。</div>
									</div>
								</div>
							</div>
							<div class="input-row-wrapper">
								<div class="editCourseName">
									<div class="input-row-left"><label class="" style="font-size: 14px;">真实姓名</label></div>
									<div class="input-row-right adjust-upward" style="margin-top: 0px;">
										<div id="courseNameInput" class="f-dn anim-opacity2" style="height: 34px;width: 800px;">
											<input type="text" class="form-control" id="courseName" placeholder="姓名" style="width: 400px;display: inline-block;margin-right: 20px;">
											<button onclick="saveChange()" type="button" class="btn btn-info button">保存</button>
											<button onclick="cancelChange()" type="button" class="btn btn-warning button">取消</button>
										</div>
										<div id="oldCourseName" class="email-verify-email anim-opacity2" style="height: 34px;width: 800px;">
											<span>甲</span>
											<span><a id="coueseNamePosition" onclick="changeCourseMessage(this.id)">修改姓名</a></span>
										</div>
										<div class="f-fc9 paddingtb10px" style="margin-top: 5px;">用于证书上的名称，如不填写，则默认为昵称</div>
									</div>
								</div>
							</div>
							<div class="input-row-wrapper">
								<div class="editCourseName">
									<div class="input-row-left"><label class="" style="font-size: 14px;">性别</label></div>
									<div class="input-row-right adjust-upward" style="margin-top: 0px;">
										<label class="radio-inline">
										  <input type="radio" name="inlineRadioOption" id="male" value="男" checked> 男
										</label>
										<label class="radio-inline">
										  <input type="radio" name="inlineRadioOption" id="female" value="女"> 女
										</label>
										<label class="radio-inline">
										  <input type="radio" name="inlineRadioOption" id="other" value="其他"> 其他
										</label>
									</div>
								</div>
							</div>
							<div class="input-row-wrapper">
								<div class="editBirthday">
									<div class="input-row-left"><label class="" style="font-size: 14px;">生日</label></div>
									<div class="input-row-right adjust-upward" style="margin-top: 0px;">
										<div id="BirthdayInput" class="f-dn anim-opacity2">
											<input id="birthday" size="16" type="text" readonly class="form_datetime form-control">
											<button onclick="saveChange()" style="margin-left: 30px;" type="button" class="btn btn-info button">保存</button>
											<button onclick="cancelChange()" type="button" class="btn btn-warning button">取消</button>
										</div>
										<div id="oldBirthday" class="email-verify-email anim-opacity2" style="height: 36.4px;width: 800px;">
											<span id="birthdayToChange">1999-01-01</span>
											<span><a id="birthdayPosition" onclick="changeCourseMessage(this.id)">修改生日</a></span>
										</div>
									</div>
								</div>
							</div>
							<div class="input-row-wrapper">
								<div class="editIdentifyCard">
									<div class="input-row-left"><label class="" style="font-size: 14px;">身份证号</label></div>
									<div class="input-row-right adjust-upward" style="margin-top: 0px;">
										<div id="identifyCardInput" class="f-dn anim-opacity2" style="height: 34px;width: 800px;">
											<input type="text" class="form-control" id="identifyCard" placeholder="身份证号" style="width: 400px;display: inline-block;margin-right: 20px;">
											<button onclick="saveChange()" type="button" class="btn btn-info button">保存</button>
											<button onclick="cancelChange()" type="button" class="btn btn-warning button">取消</button>
										</div>
										<div id="oldIdentifyCard" class="email-verify-email anim-opacity2" style="height: 34px;width: 800px;">
											<span>3709021212559857</span>
											<span><a id="identifyCardPosition" onclick="changeCourseMessage(this.id)">修改身份证号</a></span>
										</div>
									</div>
								</div>
							</div>
							<div class="input-row-wrapper">
								<div class="editCourseStatus">
									<div class="input-row-left"><label class="" style="font-size: 14px;">身份类型</label></div>
									<div class="input-row-right adjust-upward" style="margin-top: 0px;">
										<label class="radio-inline">
											<input type="radio" name="inlineRadioOptions" value="学生" checked>学生
										</label>
										<label class="radio-inline">
											<input type="radio" name="inlineRadioOptions" value="在职">在职
										</label>
										<label class="radio-inline">
											<input type="radio" name="inlineRadioOptions" value="其他">其他
										</label>
									</div>
								</div>
							</div>
							<div class="input-row-wrapper">
								<div class="editPersonalResume">
									<div class="input-row-left"><label class="" style="font-size: 14px;">个人简介</label></div>
									<div class="input-row-right adjust-upward" style="margin-top: 0px;height:160px;">
										<div id="personalResumeInput" class="f-dn anim-opacity2" style="height: 120px;width: 800px;">
											<textarea id="personalResume" class="form-control" name="personalResume" placeholder="个人简介" style="width: 400px;display: inline-block;margin-right: 20px;height: 120px;"></textarea>
											<button onclick="saveChange()" type="button" class="btn btn-info button" style="position: relative;bottom: 55px;">保存</button>
											<button onclick="cancelChange()" type="button" class="btn btn-warning button" style="position: relative;bottom: 55px;">取消</button>
										</div>
										<div id="oldIpersonalResume" class="email-verify-email anim-opacity2" style="height: 34px;width: 800px;">
											<span>这个人很懒，他什么都没有留下...</span>
											<span><a id="personalResumePosition" onclick="changeCourseMessage(this.id)">修改身份证号</a></span>
										</div>
									</div>
								</div>
							</div>
							<div class="input-row-wrapper" style="text-align: center;position: relative;bottom: 20px;">
								<button type="button" class="btn btn-primary" style="width: 100px;height: 35px;">保存</button>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane" id="profile" style="margin: 25px 20px 20px 20px;">
							<div class="f-cb">
								<div class="title f-f0 f-fl">当前登录帐号：</div>
								<div class="f-fl">
									<span style="padding-right: 40px;">
										好人
									</span>
									<a class="f-dn" target="_top" title="修改密码" href="">
										修改密码
									</a>
									<div class="f-fc9 paddingtb10px" style="margin-top: 5px;">学习记录以当前登录帐号为准。</div>
								</div>
							</div>
							<div style="display: 930px;padding: 40px 0 40px;border-top: 1px solid #eaeaea;">
								<div class="f-cb">
									<div class="title f-fl">手机帐号：</div>
									<div class="f-fl">
										<div class="f-fc9 paddingtb10px">绑定手机后可使用该手机号直接登录当前帐户</div>
										<div>
											<div>15244122039</div>
											<div>
												<a href="https://mob.163.com/web/mobchgoff" target="_blank" title="绑定手机">更换手机</a>
												<span> / </span>
												<a target="_blank" href="https://mob.163.com/web/passwdfind" title="密码设置">密码设置</a>
											</div>
										</div>
										<div style="display: none;">
											<a target="_blank" title="绑定手机" id="auto-id-1552357906166">绑定手机</a>
										</div>
									</div>
								</div>
								<div class="f-cb" style="margin: 40px 0px 0px;">
									<div class="title f-fl">第三方帐号：</div>
									<div class="f-fl">
										<div class="f-fc9 paddingtb10px">绑定后可使用以下帐号直接登录当前帐户</div>
										<ul class="j-thirdAccs f-cb">
											<li class="ml50 f-fl">
												<i class="fa fa-wechat myicon-wechat"></i>
												<span class="nick f-thide color-g">好人</span>
												<span class="color-g txtBind f-pr" data-toggle="modal" data-target="#myModal">/ 解绑</span>
												<span class="color-g txtBind f-pr f-dn">/&nbsp;绑定</span>
											</li>
											<li class="ml50 f-fl">
												<i class="fa fa-qq myicon-qq"></i>
												<span class="nick f-thide">腾讯QQ</span>
												<span class="nick f-thide color-g f-dn">好人</span>
												<span class="color-g txtBind f-pr" data-toggle="modal" data-target="#myModal">/ 解绑</span>
												<span class="color-g txtBind f-pr f-dn">/&nbsp;绑定</span>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<!--<div role="tabpanel" class="tab-pane" id="messages">...</div>-->
					</div>
				</div>
			</div>
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="myModalLabel">解绑</h4>
						</div>
						<div class="modal-body">
							你确定要解除绑定吗？
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary">解绑</button>
							<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						</div>
					</div>
				</div>
			</div>

			<div class="fotter" style="margin-top: 50px;">
				<div class="fotterCenter">
					<div class="fotterLogoBox">
						<div class="fotterLogo"></div>
						<p class="LogoText">由中兴云聚推出，让每一个有提升愿望的用户能够学到中国知名高校的课程，并获得认证。</p>
					</div>
					<div class="friendlyLink">
						<h4 style="font-size: 16px;margin-bottom: 16px;color: #CCCCCC;">友情链接</h4>
						<div class="link">
							<a href="https://www.kada.com/?utm_source=www.icourse163.org/&amp;utm_medium=bottom_links&amp;utm_campaign=business&amp;utm_content=kada2018092902" target="_blank">
								网易卡搭编程
							</a>
							<a href="#" target="_blank">网易云课堂</a>
							<a href="#" target="_blank">网易100分</a>
						</div>
					</div>
					<div class="wechat">
						<h4>微信公众号&nbsp;&nbsp;<span class="fa fa-wechat"></span></h4>
						<img src="../../img/zhenjing.jpg" width="100" height="100" />
					</div>
					<div class="aboutUs">
						<h4>关于我们</h4>
						<div class="aboutUsOption">
							<a href="#" target="_blank">关于我们</a>
							<a href="#" target="_blank">联系我们</a>
							<a href="#" target="_blank">意见反馈</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../css/js/jquery.min.js" charset="UTF-8"></script>
		<script src="../../static/js/login/user.js"></script>
		<script src="../../css/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script src="../../bootstrap-datepicker/bootstrap-datetimepicker.js" charset="UTF-8"></script>
		<script src="../../bootstrap-datepicker/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
		<script src="../../css/js/page/editPage.js" charset="UTF-8"></script>
	</body>

</html>